<%@ page language="java" pageEncoding="UTF-8"%>
<div id="sales_container"
	style="width: 500px; height: 400px; margin: 0 auto"></div>
<script type="text/javascript">
        	   $('#sales_container').highcharts({
                   chart: {
                   },
                   title: {
                       text: 'E爱车销售统计'
                   },
                   //x轴
                   xAxis: {
                       //categories: ['一月', '二月', '三月', '四月', '五月','六月','七月','八月','九月','十月','十一月','十二月']
                        categories: [${yue }]
                   },
                   yAxis : {
						min : 0,
						title : {
							text : '元'
						}
					},
                   tooltip: {
                       formatter: function () {
                           var s;
                           if (this.point.name) { // the pie chart                   
                               s = '' +
                                   this.point.name + ': ' + this.y;
                           } else {
                               s = '' +
                                   this.x + ': ' + this.y;
                           }
                           return s;
                       }
                   },
                   labels: {
                       items: [{
                           html: '总销售额情况',
                           style: {
                               left: '20px',
                               top: '8px',
                               color: 'black'
                           }
                       }]
                   },
                   series: [{
                       type: 'column',
                       name: '实际营业额',
                       data: [${yfsj}]
                   },
                   {                                                              
                       type: 'column',                                               
                       name: '营业额',                                                  
                       data: [${sji}]                                         
                   },
                    {                                                              
                        type: 'spline',                                               
                        name: '实际年度营业额线性图',                                              
                        data: [${sji}],
                        marker: {                                                     
                            lineWidth: 2,                                               
                            lineColor: Highcharts.getOptions().colors[3],               
                            fillColor: 'white'                                          
                        }                                                             
                    },
                    {
                        type: 'pie',
                        name: '年度营业额',
                        data: [{
                            name: '实际营业额',
                            y: ${yf },
                            color: Highcharts.getOptions().colors[0] // Jane's color  
                        },
                        {                                                          
                            name: '营业额',                                             
                            y: ${sf},                                                    
                            color: Highcharts.getOptions().colors[1] // John's color  
                        }],
                        center: [50, 60],
                        size: 100,
                        showInLegend: false,
                        dataLabels: {
                            enabled: false
                        }
                    }]
        });
</script>
